<!doctype html>
<html lang="zh-Hans-CN">
<head>
<meta charset="UTF-8">
<title>CC's博客--首页</title>
<meta name="description" content="小清新风格的个人博客" />
<meta name="keywords" content="个人博客" />
<link rel="stylesheet" href="/static/css/base.css" >
<link rel="stylesheet" href="/static/css/index.css">
</head>
<body>
<!-- header section -->
<header>
    <div id="logo"><a href="/static/images/logo.png" target="_self"></a></div>
    <!-- 头像 -->
    <div class="avatar" id="avatar"><a href="/admin/"></a></div>
    <nav class="topnav" id="topnav">
        <a href="/"><span>首页</span><span class="en">Home</span></a>
        <a href="/tech/"><span>技术流</span><span class="en">Tech</span></a>
        <a href="/movie/"><span>爱电影</span><span class="en">Movie</span></a>
        <a href="/book/"><span>轻悦读</span><span class="en">Book</span></a>
        <a href="/chat/"><span>扯淡派</span><span class="en">Chat</span></a>
    </nav>
</header>
<!-- banner section -->
<div class="banner">
	<section class="box">
		<ul class="texts">
            <li><p>欢迎来到cc的博客！</p></li>
            <li><p>这里记录cc平时写的一些学习笔记，影评，书评和杂文。</p></li>
            <li><p>愿你年轻，永远有梦。</p></li>
		</ul>
	</section>
</div>
<!-- 腰封 精华帖 -->
<div class="elite">
	<div class="box">
        <h3><span class="outspan"><span class="innerspan">每周博客</span>精选</span></h3>
		<ul>
		<li><a href="#"><img src="/static/images/01.jpg" alt="tech"></a><span>技术博文</span></li>
		<li><a href="#"><img src="/static/images/02.jpg" alt="movie"></a><span>热门影视</span></li>
		<li><a href="#"><img src="/static/images/03.jpg" alt="book"></a><span>书摘书评</span></li>
        <li><a href="#"><img src="/static/images/04.jpg" alt="chat"></a><span>休闲娱乐</span></li>
		</ul>
	</div>
</div>

<article>
    <h2 class="blogtitle"><span>文章推荐</span></h2>
    <!--  左边栏  blog articles ordered by update_time  -->
    <div class="bloglist left">
        <h3>{{blog1.title}}</h3>
        <figure><img src="/static/images/001.png"></figure>
        <ul>
            <li><p class="abstract">{{blog1.abstract}}</p></li>
            <li><a href="{% url 'tech_detail' id=blog1.id %}" target="_self" class="readmore">阅读全文>></a></li>
        </ul>
        <p class="dateview"><span>更新时间：{{ blog1.update_time|date:'Y-m-d H:i' }}</span><span>作者：cc</span><span>类别：[{{ blog1.category }}]</span></p>

        <h3>{{blog2.title}}</h3>
        <figure><img src="/static/images/001.png"></figure>
        <ul>
            <li><p>{{blog2.abstract}}</p></li>
            <li><a href="{% url 'tech_detail' id=blog2.id %}" target="_self" class="readmore">阅读全文>></a></li>
        </ul>
        <p class="dateview"><span>更新时间：{{blog2.update_time|date:'Y-m-d H:i' }}</span><span>作者：cc</span><span>类别：[{{ blog2.category }}]</span></p>

        <h3>{{blog3.title}}</h3>
        <figure><img src="/static/images/001.png"></figure>
        <ul>
            <li><p>{{blog3.abstract}}</p></li>
            <li><a href="{% url 'tech_detail' id=blog3.id %}" target="_self" class="readmore">阅读全文>></a></li>
        </ul>
        <p class="dateview"><span>更新时间：{{ blog3.update_time|date:'Y-m-d H:i' }}</span><span>作者：cc</span><span>类别：[{{ blog3.category }}]</span></p>

        <h3>{{blog4.title}}</h3>
        <figure><img src="/static/images/001.png"></figure>
        <ul>
            <li><p>{{blog4.abstract}}</p></li>
            <li><a href="{% url 'tech_detail' id=blog4.id %}" target="_self" class="readmore">阅读全文>></a></li>
        </ul>
        <p class="dateview"><span>更新时间：{{ blog4.update_time|date:'Y-m-d H:i'  }}</span><span>作者：cc</span><span>类别：[{{ blog4.category }}]</span></p>

        <h3>{{blog5.title}}</h3>
        <figure><img src="/static/images/001.png"></figure>
        <ul>
            <li><p>{{blog5.abstract}}</p></li>
            <li><a href="{% url 'tech_detail' id=blog5.id %}" target="_self" class="readmore">阅读全文>></a></li>
        </ul>
        <p class="dateview"><span>更新时间：{{ blog5.update_time|date:'Y-m-d H:i'  }}</span><span>作者：cc</span><span>类别：[{{ blog5.category }}]</span></p>
    </div>
    <!--            右边栏                -->
    <aside class="right">
        <!-- 天气模块 -->
        <div class="weather"><iframe width="250" scrolling="no" height="60" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=12&icon=1&num=1"></iframe></div>
        <!-- 点击排行 友情链接 模块 -->
        <div class="news">
            <h3 class="click"><span>点击<span>排行</span></span></h3>
            <ul class="rank">
                <li><a href="/" title="自动化运维工具Zabbix之自定义监控" target="_self">自动化运维工具Zabbix之自定义监控</a></li>
                <li><a href="/" title="基于LNMP十分钟快速建站" target="_self">基于LNMP十分钟快速建站</a></li>
                <li><a href="/" title="Ansible系统架构及常用命令" target="_self">Ansible系统架构及常用命令</a></li>
                <li><a href="/" title="正则表达式知识总结" target="_self">正则表达式知识总结</a></li>
                <li><a href="/" title="实现mysql主从复制" target="_self">实现mysql主从复制</a></li>
            </ul>

            <h3 class="links"><span>友情<span>链接</span></span></h3>
            <ul class="website">
                <li><a href="http://www.mtime.com/">时光网</a></li>
                <li><a href="http://www.douban.com/">豆瓣</a></li>
                <li><a href="http://www.zhihu.com/">知乎</a></li>
                <li><a href="http://www.csdn.net/">CSDN</a></li>
                <li><a href="http://www.oschina.net/">开源中国</a></li>
            </ul>
        </div>
        <!-- 百度分享悬浮窗口 -->
        <script src="/static/js/baidushare.js"></script>
        <!-- 微信公众号二维码 -->
        <div id="QRcode"><a href="/static/images/weixinQRcode.jpg"></a><p>扫描图中二维码添加微信公众号</p></div>
    </aside>
</article>
<footer>
<p> CC's Blog <a href="http://www.askbaike.cc/" target="_self">陕ICPxxxxxx号-1</a>
<a href="/">网站统计</a></p>
</footer>
<script src="/static/js/silder.js"></script>
</body>
</html>
